<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>

    <!-- http://localhost:8080/atcrowdfunding02-admin-webui/test/ssm.html -->
    <base href="http://${pageContext.request.serverName }:${pageContext.request.serverPort }${pageContext.request.contextPath }/"/>

</head>
<body>
<script src="jquery/jquery-2.1.1.min.js"></script>
<script src="layer/layer.js"></script>
<script>
    $(function () {
        layer.msg("layer......弹窗！！");
    });
</script>
<script type="text/javascript">

    $(function () {

        $("#btn3").click(function () {
            // 准备要发送的数组(json对象)
            var student = {
                "stuId": 5,
                "stuName": "tom",
                "address": {
                    "province": "广东",
                    "city": "深圳",
                    "street": "后瑞"
                },
                "subjectList": [
                    {
                        "subjectName": "JavaSE",
                        "subjectScore": 100
                    }, {
                        "subjectName": "SSM",
                        "subjectScore": 99
                    }
                ],
                "map": {
                    "k1": "v1",
                    "k2": "v2"
                }
            };

            // 将JSON对象转换为JSON字符串
            var jsonObject = JSON.stringify(student);
            $.ajax({
                //"url": "send/object.html",			// 请求目标资源的地址
                "url": "send/object.json",			// 请求目标资源的地址
                "type": "post",						// 请求方式
                "data": jsonObject,                  // 要发送的请求参数
                "contentType": "application/json;charset=UTF-8",// 告诉服务器端当前请求的请求体是 JSON 格式
                // "dataType": "text",					// 如何对待服务器端返回的数据 json返回封装成json对象，text返回为文本
                "dataType": "json",					// 如何对待服务器端返回的数据 json返回封装成json对象，text返回为文本
                "success": function (response) {		// 服务器端成功处理请求后调用的回调函数，response是响应体数据
                    //alert(response);
                    // 接受封装过来的json数据
                    console.log(response)
                },
                "error": function (response) {		// 服务器端处理请求失败后调用的回调函数，response是响应体数据
                    alert(response);
                }
            });
        });
        $("#btn2").click(function () {
            // 准备要发送的数组(json对象)
            var array = [5, 8, 12];
            // 将 JSON 数组转换成 JSON 字符串
            var jsonArray = JSON.stringify(array);

            $.ajax({
                "url": "send/array/two.html",			// 请求目标资源的地址
                "type": "post",						// 请求方式
                "data": jsonArray,                  // 要发送的请求参数
                "contentType": "application/json;charset=UTF-8",// 告诉服务器端当前请求的请求体是 JSON 格式
                "dataType": "text",					// 如何对待服务器端返回的数据
                "success": function (response) {		// 服务器端成功处理请求后调用的回调函数，response是响应体数据
                    alert(response);
                },
                "error": function (response) {		// 服务器端处理请求失败后调用的回调函数，response是响应体数据
                    alert(response);
                }
            });
        });
        $("#btn1").click(function () {
            $.ajax({
                "url": "send/array/one.html",			// 请求目标资源的地址
                "type": "post",						// 请求方式
                "data": {							// 要发送的请求参数
                    "array": [5, 8, 12]
                },
                "dataType": "text",					// 如何对待服务器端返回的数据
                "success": function (response) {		// 服务器端成功处理请求后调用的回调函数，response是响应体数据
                    alert(response);
                },
                "error": function (response) {		// 服务器端处理请求失败后调用的回调函数，response是响应体数据
                    alert(response);
                }
            });
        });
    });
</script>

<a href="test/ssm.html">测试整合环境</a>
<hr>

<button id="btn1">Send [5,8,12] One</button>

<br/>
<br/>

<button id="btn2">Send [5,8,12] Two</button>

<br/>
<br/>

<button id="btn3">Send Compose Object</button>

<br/>
<br/>


</body>
</html>
